<%--
  Created by IntelliJ IDEA.
  User: tzcx
  Date: 2018/6/22
  Time: 15:46
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>购物车</title>
    <link rel="stylesheet" type="text/css" href="css/bootstrap.min.css"/>
    <link rel="stylesheet" href="css/Font-Awesome/css/font-awesome.min.css">
    <link rel="stylesheet" href="css/layui-v2.2.5/css/layui.css">
    <link rel="stylesheet" href="css/base.css" />
    <link rel="stylesheet" type="text/css" href="css/index.css"/>
    <link rel="stylesheet" type="text/css" href="css/buy.css">
</head>
<body style="background:#f9f9f9;">
<header id="head">
    <div class="head-top">
        <p class="container"> <span class="left"> <a href="#">首页 </a>|<a href="javascript:;"> 平台入驻</a>&nbsp;&nbsp;<a href="javascript:;">商家政策</a> </span> <span class="right"> <a href="javascript:;">登录 </a>/<a href="javascript:;"> 注册 </a>|<a href="javascript:;"> 消息中心 </a>|<a href="javascript:;"> 购物车 </a> </span> </p>
    </div>
    <div class="head-middle">
        <div class="container row">
            <h1 class="col-md-3 col-sm-4"> <img src="img/logo.jpg" /> </h1>
            <div class="col-md-5 col-sm-4 logo2"> </div>
            <div class="col-md-4 col-sm-4">
                <div class="right"> <img src="img/search.jpg" alt="" />
                    <input type="text" placeholder="请输入您要搜索的关键词"/>
                    <button>搜索</button>
                </div>
            </div>
        </div>
    </div>
    <div class="head-shadow"></div>
</header>
<!-- <div class="main">
        	<div class="section">
            	<div class="address">
                	<div class="top">确认地址</div>
                </div>
            </div>
        </div> -->
<div class="mains">
    <div class="section">
        <from class="layui-form" action="#">
            <input type="checkbox" name="like1[read]" lay-skin="primary" title="">
            <div class="wrap ie78">
                <div class="lineH24 t_l  pd_t30 pd_b10 bd_b_d5c "> <span class="f18 col_666 mg_l10 col_523">购物车</span> </div>
                <div class="comment_box">
                    <table class="sop_table1" cellpadding="0" cellspacing="0">
                        <tbody>
                        <tr>
                            <th colspan="2" width="15%" class="pd_l10"><input type="checkbox" name="like1[read]" lay-skin="primary" title="">
                                <span class="col_523">全选</span></th>
                            <th align="left" class="col_523 t_c">商品信息</th>
                            <th width="10%" align="center" class="col_523 t_c">单价</th>
                            <th width="10%" align="center" class="col_523 t_c">数量</th>
                            <th width="10%" align="center" class="col_523 t_c">小计</th>
                            <th width="5%" align="center" class="col_523 t_c">操作</th>
                        </tr>
                        </tbody>
                    </table>
                </div>
                <div class="shoppingBox ">
                    <div class="order_title divdel">
                        <input type="checkbox" name="like1[read]" lay-skin="primary" title="">
                        <!--暂时关闭IM入口，勿删-->

                        <a> <span class="inline">商家：</span> <span class="inline col_666">必然眼镜</span> </a><!--暂时关闭IM入口，临时替换-->

                    </div>
                    <table class="sop_table1 lastTh tabledel bg_fff" cellpadding="0" cellspacing="0">
                        <tbody>
                        <tr>
                            <td width="30" align="left" class="pd_l10"><input type="checkbox" name="like1[write]" lay-skin="primary" checked=""></td>
                            <td width="130" align="left"><span class="sop_img inline"> <a target="_blank" href="#"> <img width="100" height="100" src="http://img.biyao.com/files/temp/render_zs/result/1300220463/5f2995834b71d272_130022046300205_0_800_996/img_6_800_120.jpg"> </a> </span></td>
                            <td align="left"><a target="_blank" href="#"> <span class="col_523">卡龙碳纤维光学镜-A</span> </a> <br>
                                <div class="inline mg_t5 glasses_type_item">
                                    <p class="col_999 w300 escp">类型：
                                        近视;度数：左眼
                                        -12
                                        右眼
                                        -12
                                        ;散光：左眼
                                        0
                                        右眼
                                        0
                                        ;轴位：左眼
                                        无
                                        右眼
                                        无 </p>
                                    <div class="glasses_type_box"> <span class="inline"></span>
                                        <div class="gtb_con">
                                            <p class="col_666 lineH24">类型：
                                                近视</p>
                                            <p class="col_666 lineH24">度数：左眼-12；右眼-12</p>
                                            <p class="col_666 lineH24">瞳距：59</p>
                                            <p class="col_666 lineH24">散光：左眼0；右眼0</p>
                                            <p class="col_666 lineH24">轴位：左眼无；右眼无</p>
                                        </div>
                                    </div>
                                </div>
                                <p class="col_999 w300 escp" title="镜片：1.74非球面抗蓝防紫双效镜片">镜片：1.74非球面抗蓝防紫双效镜片</p></td>
                            <td width="10%" align="center" class="ff6600">¥539</td>
                            <td width="10%" align="center" class="sizeZero"><i class="sign minus inline"></i>
                                <input name="quantity" type="text" value="1" class="inpCom w40 inline t_c">
                                <i class="sign plus inline"></i>
                                <p class="col_b76 mg_t5"></p></td>
                            <td width="10%" align="center"><strong class="ff6600">¥539</strong></td>
                            <td width="5%" align="center"><a href="javascript:;" class="link_09c a_delete"></a></td>
                        </tr>
                        </tbody>
                    </table>
                </div>
                <div class="shoppingBox ">
                    <div class="order_title divdel">
                        <input type="checkbox" name="like1[write]" lay-skin="primary" checked="">
                        <!--暂时关闭IM入口，勿删-->

                        <a> <span class="inline">商家：</span> <span class="inline col_666">St Ovodo</span> </a><!--暂时关闭IM入口，临时替换-->

                    </div>
                    <table class="sop_table1 lastTh tabledel bg_fff" cellpadding="0" cellspacing="0">
                        <tbody>
                        <tr>
                            <td width="30" align="left" class="pd_l10"><label class="checked checkbox chk_Calc" > <input type="radio" name="sex" checked=""></label></td>
                            <td width="130" align="left"><span class="sop_img inline"> <a target="_blank" href="#"> <img width="100" height="100" src="http://bfs.biyao.com/group1/M00/29/E8/rBACYVpe4HOANf2DAAEtmuP0tyU742_400x400.jpg"> </a> </span></td>
                            <td align="left"><a target="_blank" href="#"> <span class="col_523">秋冬羊绒衫女士高领百搭套头针织毛衣SOH484</span> </a> <br>
                                <div class="col_999 mg_t5 w300 escp"> 颜色:红色<br>
                                    尺寸:S/95 </div>

                                <!-- 无模型商品和低模普通商品签字 -->

                                <!-- 普通高模商品签字 --></td>
                            <td width="10%" align="center" class="ff6600">¥398</td>
                            <td width="10%" align="center" class="sizeZero"><i class="sign minus inline"></i>
                                <input type="text"  value="1" class="inpCom w40 inline t_c">
                                <i class="sign plus inline"></i>
                                <p class="col_b76 mg_t5"></p></td>
                            <td width="10%" align="center"><strong class="ff6600">¥398</strong></td>
                            <td width="5%" align="center"><a href="javascript:;" class="link_09c a_delete"></a></td>
                        </tr>
                        </tbody>
                    </table>
                </div>
                <div class="firmbox pd_t10 bg_fff tj_box">
                    <div class="lineH30  pd_l10 pd_r10 clearfix ">
                        <div class="f_l">
                            <label class="checked inline checkbox" name="chkAll"><input type="radio" name="sex" checked=""></label>
                            <span class="inline">全选</span> <a href="javascript:;" class="inline mg_l10 mg_r10 col_link" id="a_BatchDel">删除</a> </div>
                        <div class="f_r col_666 f14"> 商品总价：<span class="w80 inline col_f60 pd_r5 f14" id="totalPrice">¥937</span> </div>
                        <span class="inline f_r mg_r30 col_666 f14">商品总数 <em class="col_f60  f14" id="totalNum">2</em> 件</span> </div>
                </div>
                <div class="tallyBox"> <a href="#" class="inline goonShopping ">继续购物</a> <a href="javascript:;" class=" tallyBTnPos inline span_submit_calre js_btn">结算</a>
                    <p class="t_r"> 合计：<span class="f20 ff6600 inline vTop priceDisplay jsjs"> ¥937</span><span class="inline f14 fb ff6600 vTop mg_l5"></span> </p>
                </div>
            </div>
        </from>
    </div>
</div>
<footer id="foot">
    <div class="container">
        <div class="foot-middle">
            <div> <img src="img/we.png" alt="" />
                <ul>
                    <li>帮助中心</li>
                    <li><a href="JavaScript:;">平台政策</a></li>
                    <li><a href="JavaScript:;">商家入驻</a></li>
                </ul>
            </div>
            <div> <img src="img/we.png" alt="" />
                <ul>
                    <li>关于我们</li>
                    <li><a href="JavaScript:;">了解嗅色</a></li>
                    <li><a href="JavaScript:;">加入嗅色</a></li>
                    <li><a href="JavaScript:;">联系我们</a></li>
                </ul>
            </div>
            <div> <img src="img/we.png" alt="" />
                <ul>
                    <li>配送与支付</li>
                    <li><a href="JavaScript:;">到体验厅支付</a></li>
                    <li><a href="JavaScript:;">支付方式说明</a></li>
                    <li><a href="JavaScript:;">配送费用查询</a></li>
                    <li><a href="JavaScript:;">配货发货时间</a></li>
                </ul>
            </div>
            <div> <img src="img/we.png" alt="" />
                <ul>
                    <li>服务保证</li>
                    <li><a href="JavaScript:;">售后服务条款</a></li>
                    <li><a href="JavaScript:;">产品质量保证</a></li>
                    <li><a href="JavaScript:;">发票制度说明</a></li>
                    <li><a href="JavaScript:;">关于假一赔万</a></li>
                </ul>
            </div>
            <div> <img src="img/we.png" alt="" />
                <ul>
                    <li>关于我的</li>
                    <li><a href="JavaScript:;">资金管理</a></li>
                    <li><a href="JavaScript:;">我的收藏</a></li>
                    <li><a href="JavaScript:;">我的订单</a></li>
                </ul>
            </div>
        </div>
    </div>
    <div class="foot-bottom"> <span>Copyright&nbsp;2017.XIUSE.COM</span> <span>北京又有科技有限公司</span> <span>京ICP备13088531号</span> </div>
</footer>
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/bootstrap.min.js"></script>
<script type="text/javascript" src="js/bootstrap-paginator.js"></script>
<script src="css/layui-v2.2.5/layui.js"></script>
<script>
    layui.use(['form', 'layedit', 'laydate'], function(){
        var form = layui.form
            ,layer = layui.layer
            ,layedit = layui.layedit
            ,laydate = layui.laydate;

        //日期
        laydate.render({
            elem: '#date'
        });
        laydate.render({
            elem: '#date1'
        });

        //创建一个编辑器
        var editIndex = layedit.build('LAY_demo_editor');

        //自定义验证规则
        form.verify({
            title: function(value){
                if(value.length < 5){
                    return '标题至少得5个字符啊';
                }
            }
            ,pass: [/(.+){6,12}$/, '密码必须6到12位']
            ,content: function(value){
                layedit.sync(editIndex);
            }
        });

        //监听指定开关
        form.on('switch(switchTest)', function(data){
            layer.msg('开关checked：'+ (this.checked ? 'true' : 'false'), {
                offset: '6px'
            });
            layer.tips('温馨提示：请注意开关状态的文字可以随意定义，而不仅仅是ON|OFF', data.othis)
        });

        //监听提交
        form.on('submit(demo1)', function(data){
            layer.alert(JSON.stringify(data.field), {
                title: '最终的提交信息'
            })
            return false;
        });


    });
</script>
</body>
</html>
